

* {margin:0;padding:0;}

/*----------------------------------------------------------------------------------------------------------------------------
 BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain
                                   your whole site...
----------------------------------------------------------------------------------------------------------------------------*/
body{}
#page {margin:0;padding:0;background:#c6c5c0;}

/* ----------------------------------------------------------------------------------------------------------------------------
        HEADER : - 
----------------------------------------------------------------------------------------------------------------------------*/
#header {margin:0 auto;padding:0;width:100%;background:#363636;}
#header-region {margin:0 auto;width:997px;position:relative}
/* ----------------------------------------------------------------------------------------------------------------------------
    NAVIGATION : - 
----------------------------------------------------------------------------------------------------------------------------*/
#navigation {margin:0;padding:0;position:absolute;bottom:-45px;right:0;width:659px;height:97px;background:url(../images/interface/nav-bg.jpg) top center repeat-x;}
#navigation ul {margin:0;padding:0}
#navigation ul li {list-style-type:none;float:left;margin:0;padding:0;width:131px;height:97px;border-right:1px solid #ffffff;position:relative}
#navigation ul li.no-border {border:none;}
#navigation ul li.active {background:url(../images/interface/navigation-active-bg.jpg) top center repeat-x;}
#navigation ul li:hover {background:url(../images/interface/hover.jpg) top center repeat-x;}
#navigation ul li.active a {color:#ffffff;}
#navigation ul li a {font-size:1.3em;color:#bebebe;text-decoration:none;line-height:97px;display:block;height:67px;padding:30px 0 0 10px}
/* ----------------------------------------------------------------------------------------------------------------------------
  CONTENTS : -  
----------------------------------------------------------------------------------------------------------------------------*/
#main-wrapper {width:997px;margin:0 auto;background:#ffffff; height:auto;padding:0 0 30px;}
#content-inner {margin:0;padding:0 30px;}
#content-inner .content-top {margin:0;padding:0}
#content-inner .content-top ul {margin:0 0 24px 0;padding:10px 0}
#content-inner .content-top ul li {margin:0;padding:0 10px;list-style-type:none;float:left;border-right:1px solid #060d0d;}
#content-inner .content-top ul li a {text-decoration:none;color:#342f31;display:block;text-transform:uppercase}
#content-inner .content-top ul li a:hover {color:#8aba4f}
#content-inner .content-area {width:937px;height:auto}
#content-inner .content-area .content-area-inner {margin:0;padding:20px 0;width:937px;min-height:500px;}
#content-inner .content-area .content-area-inner  .col-left {margin:0; padding:0;width:650px;float:left;}
#content-inner .content-area .content-area-inner  .col-right {margin:0; padding:0;width:215px;float:right;}
#content-inner .content-area .content-area-inner  .col-right #save-money{margin:0 0 0 40px; padding:0;}
#content-inner .content-area .content-area-inner  .col-right #make-money{margin:30px 0 0 40px; padding:0;}
#content-inner .content-area .content-area-inner  .col-right .money{margin:0; padding:0;}
#content-inner .content-area .content-area-inner  .col-right .money h2.titre-money{margin:0 0 10px; padding:0;text-decoration:none;color:#555555;font-size:1.2em;line-height:18px;text-transform:none;}
#content-inner .content-area .content-area-inner  .col-right .money ul{margin:0; padding:0;}
#content-inner .content-area .content-area-inner  .col-right .money ul li{margin:0 0 5px 0; padding:0;list-style:none;}
#content-inner .content-area .content-area-inner  .col-right .money ul li a{background:url(../images/icons/list-icon.jpg) no-repeat left;margin:0; padding:0 0 0 20px;text-decoration:none;color:#555555;font-size:1.1em;line-height:18px;}
#content-inner .content-area .content-area-inner  .col-right .money p {margin:0; padding:0;color:#555555;line-height:18px;}
#content-inner .content-area .content-area-inner  .col-right .money p a{margin:0; padding:0 0 0 20px;text-decoration:underline;color:#ff7a66;font-size:1em;}
#content-inner .content-area .content-area-inner  .col-right .partenaire {margin:30px 0; padding:0}
#content-inner .content-area .content-area-inner  .col-right .partenaire p.parte {margin:30px 0; padding:0 ;text-align: center;}

#content-inner .content-area .content-area-inner  .col-right .partenaire ul li {list-style-type: none;margin-bottom: 30px;}

#content-inner .content-area .content-area-inner  .col-right .achat {margin:30px 0; padding:0}
#content-inner .content-area .content-area-inner  .col-right .buy-now {margin:0; padding:0;width:200px;border-bottom:1px solid #828282;}
#content-inner .content-area .content-area-inner  .col-right .buy-now h2.buy {margin:0; padding:0 0 10px;font-size:1.1em;color:#022895;text-transform:none;}
#content-inner .content-area .content-area-inner  .col-right .achat p.parte {margin:20px 0; padding:0 ;text-align: center;}


/* ----------------------------------------------------------------------------------------------------------------------------
  FOOTER :- 
----------------------------------------------------------------------------------------------------------------------------*/
#footer{position:relative;background:#404040;height:160px;width:997px;margin:0 auto;}
#footer .hr-green {background:#75a53c;margin:0;padding:0;height:3px;}
#footer .site-map {margin:0 0 0 20px; padding:0;width:230px;float:left;border-right:1px solid #585757;}
#footer #portfolio {margin:0; padding:0;width:230px;float:left;border-right:none;}
#footer .site-map ul.links{margin:22px 0 0; padding:0;}
#footer .site-map ul.links li{margin:0 0 0 30px; padding:0;list-style:none;display:block;}
#footer .site-map ul.links li a{margin:0; padding:0;text-decoration:none;font-size:1em;color:#a3a2a2;line-height:18px;}
#footer .site-map ul.links li.main a:hover{margin:0; padding:0;text-decoration:none;font-size:1.1em;color:#72b423;font-weight:bold;}
#footer .site-map ul.links li.main-active a{margin:0; padding:0;text-decoration:none;font-size:1.1em;color:#72b423;font-weight:bold;}
#footer .site-map ul.links li.main a{margin:0; padding:0;text-decoration:none;font-size:1.1em;color:#fff;line-height:18px;font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------------------------
  MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive.
----------------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;}
.right{float:right;}
.left{float:left;}
.noborder{border:none; margin:0; padding:0;}
img{margin:0; padding:0;}
hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;}
/* Clearing Floats
----------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix{display:block;} /* End Hack */
